<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>阳光大姐家政培训平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/dyf.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="huibg">
        <div class="main-md">
            <div class="main-tit">
                <h2>当前位置：<a href="?">首页</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;<a>培训课程</a></h2>
            </div>
            <!--  pc搜索-->
            <div class="list-opt-pd phone_hide">
                <!--分类-->
                <div class="list-cate-item">
                    <p class="list-cate-title">分类：</p>
                    <div class="list-cate-ul-w1 list-ul-box inline">
                        <ul class="list-cate-ul listCate-ul-w lf">
                            <li class="diqu select dd"><a href="?c=jiaoyi">全部</a></li>
                            <li class="diqu "><a href="#">家政服务员</a></li>
                            <li class="diqu "><a href="#">母婴护理员</a></li>
                            <li class="diqu "><a href="#">育婴员</a></li>
                            <li class="diqu "><a href="#">养老护理员</a></li>
                            <li class="diqu "><a href="#">中式烹调师</a></li>
                            <li class="diqu "><a href="#">保育员</a></li>
                            <li class="diqu "><a href="#">西式烹调师</a></li>
                            <li class="diqu "><a href="#">中式面点师</a></li>
                            <li class="diqu "><a href="#">西式面点师</a></li>
                            <li class="diqu "><a href="#">保健按摩师</a></li>
                            <li class="diqu "><a href="#">营养配餐员</a></li>
                        </ul>
                        <div class="cl"></div>
                    </div>
                </div>
                <!--专业-->
                <div class="list-cate-item">
                    <p class="list-cate-title">类别：</p>
                    <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                        <ul class="list-cate-ul listCate-ul-w lf">
                            <li class="select"><a href="">全部</a></li>
                            <li class=""><a href="">初级课程</a></li>
                            <li class=""><a href="">中级课程</a></li>
                            <li class=""><a href="">高级课程</a></li>
                            <li class=""><a href="">技师课程</a></li>
                        </ul>
                        <div class="cl"></div>
                    </div>
                </div>
                <!--类型-->
                <div class="list-cate-item">
                    <p class="list-cate-title">类型：</p>
                    <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                        <ul class="list-cate-ul listCate-ul-w lf">
                            <li class="select"><a href="">全部</a></li>
                            <li class=""><a href=""> 直播课程   </a></li>
                            <li class=""><a href="">  录播课程</a></li>
                        </ul>
                        <div class="cl"></div>
                    </div>
                </div>
                <!--手动搜索-->
                <div class="list-cate-item">
                    <p class="list-cate-title">手动搜索：</p>
                    <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                        <form action="?c=jiaoyi&amp;a=sousuo" method="post" class="revi-search-bar lf">
                            <div class="revi-searchbar-content clearfix">
                                <input type="text" name="ss" placeholder="搜索" class="revi-search-ipt lf">
                                <button class="revi-search-btn sdss lf" type="submit">
                                    <i class=" iconfont icon-sousuo"></i>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!--手机搜索-->
        <div class="phone_show">
            <div class="choose-nav-ul">
                <!--分类-->
                <div class="choose-nav-item">
                    <div class="choose-nav-li">
                        <p class="">分类<i class="iconfont icon-jiantouxia"></i></p>
                    </div>
                    <div class="choose-cate-block hide">
                        <ul class="choose-cate-ul">

                            <li class=""><a href="javascript:void(0);" class="choose-cate-major">
                                全部

                            </a></li>
                            <li class=""><a href="javascript:void(0);" class="choose-cate-major">
                                家政服务员
                            </a></li>
                            <li class=""><a href="javascript:void(0);" class="choose-cate-major">
                                母婴护理员
                            </a></li>
                            <li class="select-choose-li"><a href="javascript:void(0);" class="choose-cate-major">
                                育婴员
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                养老护理员
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                保育员
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                中式烹调师
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                西式烹调师
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                中式面点师
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                西式面点师
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                茶艺师
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                保健按摩师
                            </a></li>
                            <li><a href="javascript:void(0);" class="choose-cate-major">
                                营养配餐员
                            </a></li>
                        </ul>
                    </div>
                </div>
                <!--类别：-->
                <div class="choose-nav-item">
                    <div class="choose-nav-li">
                        <p class="">类别：<i class="iconfont icon-jiantouxia"></i></p>
                    </div>
                    <div class="choose-cate-block hide">
                        <ul class="choose-cate-ul">
                            <li>
                                <a href="javascript:void(0);" class="choose-cate-major">全部</a>
                                <a href="javascript:void(0);" class="choose-cate-major">初级课程</a>
                                <a href="javascript:void(0);" class="choose-cate-major">中级课程</a>
                                <a href="javascript:void(0);" class="choose-cate-major">高级课程</a>
                                <a href="javascript:void(0);" class="choose-cate-major">技师课程</a>
                            </li>
                        </ul>

                    </div>
                </div>
                <!--其他-->
                <div class="choose-nav-item">
                    <div class="choose-nav-li">
                        <p class="">类型<i class="iconfont icon-jiantouxia"></i></p>
                    </div>
                    <div class="choose-cate-block hide">
                        <ul class="choose-cate-ul choose-cate-h">
                            <li class=""><a href="javascript:void(0);" class="choose-cate-major">全部</a></li>
                            <li class=""><a href="javascript:void(0);" class="choose-cate-major">直播课程</a></li>
                            <li class=""><a href="javascript:void(0);" class="choose-cate-major">录播课程</a></li>
                        </ul>
                    </div>
                </div>
                <div class="both"></div>
            </div>
        </div>
        <div class="main-md">
            <div class="padd20">
                <div class="kc-content">
                    <div class="main-cont-title">
                        <a href="#"><span class="m-cont-all" style=""> 全部课程 </span></a>
                        <p class="rt"> 检索到 <em class="red">54</em>  条 </p>
                    </div>
                    <div class="bx-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <div class="bx-img">
                                        <img src="images/dyf/case-1.jpg" alt="">
                                    </div>
                                    <div class="bx-text">
                                        <p>育婴教育初级课程</p>
                                        <span>306人学过</span>
                                        <b>￥15800.00 </b>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="bx-img">
                                        <img src="images/dyf/case-1.jpg" alt="">
                                    </div>
                                    <div class="bx-text">
                                        <p>育婴教育初级课程</p>
                                        <span>306人学过</span>
                                        <b>￥15800.00 </b>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="bx-img">
                                        <img src="images/dyf/case-1.jpg" alt="">
                                    </div>
                                    <div class="bx-text">
                                        <p>育婴教育初级课程</p>
                                        <span>306人学过</span>
                                        <b>￥15800.00 </b>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="bx-img">
                                        <img src="images/dyf/case-1.jpg" alt="">
                                    </div>
                                    <div class="bx-text">
                                        <p>育婴教育初级课程</p>
                                        <span>306人学过</span>
                                        <b>￥15800.00 </b>
                                    </div>
                                </a>
                            </li>
                            <div class="both"></div>
                        </ul>

                    </div>
                    <div>
                        <div class="mypage newspage ph_dis">
                            <a href="#" title="<">&lt;</a>
                            <a href="#" class="linking">1</a>
                            <a href="#" class="unlink">2</a>
                            <a href="#" title=">">&gt;</a>
                        </div>
                        <div class="mypage center pc_dis">
                            <a href="#" title="pre">&lt;</a>
                            1/2
                            <a href="#" title="next">&gt;</a>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(function(){
            $('.seclose').click(function () {
                $('.bounce').hide();
            });
            $('.return_tel').click(function () {
                $('.bounce').hide();
            });
//隐藏超出部分ul选项
            $('.list-cate-ul').each(function() {
                var listUlH = $(this).outerHeight();
                if (listUlH > 30) {
                    $(this).next('.cert-more-look').show();
                }
            });
//点击更多
            $('.cert-more-look').hover(function() {
                $('.cert-more-look').parent().addClass('list-cate-ul-h');
                $(this).parent().removeClass('list-cate-ul-h');
            });
            $(function(){
//培训点击显示下拉
                //点击菜单
                $(".choose-nav-ul .choose-nav-item .choose-nav-li").click(function(){
                    var this_display = $(this).next('.choose-cate-block').hasClass('hide');
                    if (!this_display) {                          //详细菜单显示时
                        $('.choose-nav-item').find('p').removeClass('active');
                        $(this).next('.choose-cate-block').addClass('hide');
                        $('body').removeClass('overflow');
                        $('.click-cover-bg').addClass('hide');
                    } else {                                      //详细菜单隐藏时
                        $('.choose-nav-item').find('p').removeClass('active');
                        $(this).find('p').addClass('active');
                        $('.choose-nav-item .choose-cate-block').addClass('hide');
                        $(this).next('.choose-cate-block').removeClass('hide');
                        $('body').addClass('overflow');
                        $('.click-cover-bg').removeClass('hide');
                    }
                });

                //    点击二级菜单
                $('.choose-cate-ul>li').click(function (event) {
                    var index = $(this).index();
                    $('.choose-cate-ul>li').removeClass('select-choose-li');
                    $(this).addClass('select-choose-li');
                    $('.third-menu-block .choose-cate-subul').hide();
                    $(this).parent('.choose-cate-ul').next('.third-menu-block').find('.choose-cate-subul:eq(' + index + ')').show();
                });

                //    点击三级菜单
                $('.choose-cate-subul>li').click(function () {
                    $('.choose-cate-subul li').removeClass('select-choose-li');
                    $(this).addClass('select-choose-li');
                    $('body').removeClass('overflow');
                    $('.click-cover-bg').addClass('hide');
                    $(this).parents('.choose-cate-block').addClass('hide');
                    $('.choose-nav-item').find('p').removeClass('active');
                });

                //点击背景层关闭下拉菜单
                $('.click-cover-bg').click(function () {
                    // alert('sad');
                    $('body').removeClass('overflow');
                    $('.click-cover-bg').addClass('hide');
                    $('.choose-cate-block').addClass('hide');
                    $('.choose-nav-item').find('p').removeClass('active');
                });

                //点击其他要求
                $('.other-ask-ul li').click(function(){
                    if($(this).hasClass('active')){
                        $(this).removeClass('active');
                    }else{
                        $(this).addClass('active').siblings('li').removeClass('active');
                    }
                    var other_len = $('.other-ask-list').length;
                    var act_len = $('.other-ask-ul').find('.active').length;
                    //其他要求全选时
                    if(act_len == other_len){
                        $('body').removeClass('overflow');
                        $('.click-cover-bg').addClass('hide');
                        $(this).parents('.choose-cate-block').addClass('hide');
                        $('.choose-nav-item').find('p').removeClass('active');
                    }
                });
            });
        })
    </script>
</body>

</html>